/*-----------------------------------------------------------*/



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



/*版权所有违者必究*/



/*-----------------------------------------------------------*/







#wjdh-kefu{z-index:9999 !important;}



/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}



button {

    outline: none;

}



::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







::selection {



    background-color: #1b65c1;



    color: #fff;



}







::-moz-selection {



    background-color: #1b65c1;



    color: #fff;



}







::-webkit-selection {



    background-color: #1b65c1;



    color: #fff;



}



* {



    padding: 0;



    margin: 0;



    font-family: 'droid sans fallback', arial, helvetica, clean, sans-serif;



}







body {



    font: 14px/1.231 'droid sans fallback', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}



*:before, *:after {



    box-sizing: content-box;



}



:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;



}



input, textarea {



    outline: 0;



    border: 0;



    resize: none;



}















h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop));



    box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);



}















html {



    cursor: url(../images/cur.png),



        default;



}







a {



    cursor: url(../images/Acur.png),



        default;



}







textarea {



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;







}







input[type="text"] {



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



}



input[type="button"] {



    cursor: url(../images/Acur.png),



        default !important;



}







@keyframes animated {



    0% {



        cursor: url('../images/Pcuro1.png'),



            auto;



    }







    8.8% {



        cursor: url('../images/Pcuro2.png'),



            auto;



    }







    17.6% {



        cursor: url('../images/Pcuro3.png'),



            auto;



    }







    26.4% {



        cursor: url('../images/Pcuro4.png'),



            auto;



    }







    35.2% {



        cursor: url('../images/Pcuro5.png'),



            auto;



    }







    44% {



        cursor: url('../images/Pcuro6.png'),



            auto;



    }







    52.8% {



        cursor: url('../images/Pcuro7.png'),



            auto;



    }







    61.6% {



        cursor: url('../images/Pcuro8.png'),



            auto;



    }







    70.4% {



        cursor: url('../images/Pcuro9.png'),



            auto;



    }







    79.2% {



        cursor: url('../images/Pcuro10.png'),



            auto;



    }







    88% {



        cursor: url('../images/Pcuro11.png'),



            auto;



    }







    100% {



        cursor: url('../images/Pcuro12.png'),



            auto;



    }











}











@keyframes msClock {

    0%, 70%, 100% {

        transform: rotate(0) scale(1);

    }



    10%, 30% {

        transform: rotate(-15deg) scale(1);

    }



    20%, 40% {

        transform: rotate(15deg) scale(1);

    }

}



@keyframes rotate {

    from {

        transform: rotate(0deg)

    }



    to {

        transform: rotate(-360deg)

    }

}









/* 询盘信息 */

.topxunpan {

    width: 100%;

    height: 50px;

    /*background:url(../images/top_back01.jpg) center top no-repeat;*/

    background: #fff;

    border-bottom: solid 1px #f7f7f7;

}



.topxunpan .center {

    width: 1300px;

    height: 50px;

    line-height: 50px;

    margin: 0 auto;

}



.topxunpan .center .left {

    font-size: 14px;

    color: #0d0d0d;

    float: left;

}



.topxunpan .center p {

    width: auto;

    float: right;

    margin-right: 0;

}



.topxunpan .center p a {

    display: block;

    float: left;

    width: auto;

    color: #0d0d0d;

    padding: 0 25px;

    box-sizing: content-box;

    font-size: 14px;

    position: relative;

    text-align: center;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.topxunpan .center p a:hover {

    color: #1b65c1;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.topxunpan .center p a::after {

    content: '';

    width: 1px;

    height: 14px;

    background: #666;

    position: absolute;

    top: 18px;

    right: 0;

}



.topxunpan .center p a:last-child::after {

    content: '';

    width: 1px;

    height: 0px;

    background: #0d0d0d;

    position: absolute;

    top: 18px;

    right: 0;

}



.topxunpan .center .ss {

    width: 240px;

    height: 40px;

    float: right;

    background: url(../images/ss_bk.png);

    margin: 5px 0;

}



.topxunpan .center .ss .input {

    width: 180px;

    height: 40px;

    line-height: 40px;

    color: #0d0d0d;

    display: block;

    background: rgba(0, 0, 0, 0);

    font-size: 12px;

    font-family: Arial;

    padding: 0 10px;

    box-sizing: content-box;

    float: left;

}



.topxunpan .center .ss .buttons {

    width: 40px;

    height: 40px;

    display: inline-block;

    background: url(../images/search.png) center center no-repeat;

    cursor: pointer;

    border: none;

    float: right;

}



.topxunpan .center .ss .input::-webkit-input-placeholder {

    color: #0d0d0d !important;

    font-size: 12px;

}







/* 头部 */

.toper {

    width: 100%;

    height: 60px;

    padding: 40px 0;

    box-sizing: content-box;

    /*background:url(../images/top_back02.jpg) center top no-repeat;*/

    background: #fff;

    overflow: hidden;

    border-bottom: solid 1px #f7f7f7;

}



.toper .center {

    width: 1300px;

    height: 60px;

    margin: 0 auto;

}



.toper .center .headerLogo {

 

    height: 60px;

    margin-right: 20px;

    float: left;
    display: flex;

}



.toper .center .logo {

    width: 210px;

    height: 60px;

    display: block;

    vertical-align: top;

}



.toper .center .txt {

    height: 60px;

    float: left;
    margin-left: 20px;

}



.toper .center .txt h3 {

    font-size: 22px;

    color: #1b65c1;

    font-weight: bold;

    line-height: 24px;

    margin-top: 4px;

}



.toper .center .txt p {

    font-size: 16px;

    color: #0d0d0d;

    line-height: 16px;

    margin-top: 13px;

}

















/* 导航开始css */



.nav_xiala_aa {

    width: 100%;

    height: 60px;

    box-sizing: content-box;

    /*background:url(../images/nav_back.jpg) center top no-repeat;*/

    background: #fff;

    position: relative;

    z-index: 9999999;

}



.nav_xiala_xx {

    width: 100%;

    height: 60px;

    box-sizing: content-box;

}



.nav_xiala {

    width: 1300px;

    box-sizing: content-box;

    height: 60px;

    margin: 0 auto;

}





.nav_xiala ul {

    width: 1300px;

    height: 60px;

    float: right;

    display: flex;

    justify-content: space-between;

}



.nav_xiala ul li {

    float: left;

    width: 160px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    position: relative;

    z-index: 0;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala>ul>li::before {

    content: '';

    width: 160px;

    height: 0px;

    background: #1b65c1;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala>ul>li:hover::before {

    content: '';

    width: 160px;

    height: 60px;

    background: #1b65c1;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transition: all .7s;

    transition: all .7s;

}





.nav_xiala>ul>li.active::before {

    content: '';

    width: 160px;

    height: 60px;

    background: #1b65c1;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transition: all .7s;

    transition: all .7s;

}





.nav_xiala>ul>li>a {

    width: 160px;

    display: block;

    height: 60px;

    font-size: 16px;

    color: #0d0d0d;

    line-height: 60px;

    position: relative;

    z-index: 2;

    float: left;

    overflow: hidden;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala ul li:hover>a {

    color: #fff;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala ul li.active>a {

    color: #fff;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala .erji_xiala {

    position: absolute;

    top: 60px;

    left: 0px;

    z-index: 20;

    height: 0px;

    visibility: hidden;

    width: 160px;

    /*和一级栏目一样宽度*/

}



.nav_xiala .erji_xiala i {

    display: block;

    opacity: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.35);

    background: #2a3036;

    position: relative;

}



.nav_xiala .erji_xiala i a {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    display: block;

    color: #FFF;

    padding: 0 20px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.nav_xiala .erji_xiala i a:hover {

    color: #FFF;

}



.nav_xiala .erji_xiala i:hover {

    background: #2a3036;

}



.nav_xiala .erji_xiala i a {

    -webkit-transition: all .7s;

    transition: all .7s;

    background: -webkit-linear-gradient(left, #1b65c1, #1b65c1) no-repeat;

    background: linear-gradient(to right, #1b65c1, #1b65c1) no-repeat;

    background-size: 0% 100%;

}



.nav_xiala .erji_xiala i a:hover {

    background: -webkit-linear-gradient(left, #1b65c1, #1b65c1) no-repeat;

    color: #fff;

    background: linear-gradient(to right, #1b65c1, #1b65c1) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala ul li:hover .erji_xiala {

    height: auto;

    visibility: visible;

}



.nav_xiala .erji_xiala i {

    opacity: 0;

    transform: rotateY(90deg);

    transition: .7s;

}



.nav_xiala ul li:hover .erji_xiala i {

    opacity: 1;

    transform: rotateY(0);

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(1) {

    transition-delay: 50ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(2) {

    transition-delay: 100ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(3) {

    transition-delay: 150ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(4) {

    transition-delay: 200ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(5) {

    transition-delay: 250ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(6) {

    transition-delay: 300ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(7) {

    transition-delay: 350ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(8) {

    transition-delay: 400ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(9) {

    transition-delay: 450ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(10) {

    transition-delay: 550ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(11) {

    transition-delay: 600ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(12) {

    transition-delay: 650ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(13) {

    transition-delay: 700ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(14) {

    transition-delay: 750ms;

}





.nav_xiala .erji_xiala i:nth-child(1) {

    transition-delay: 750ms;

}



.nav_xiala .erji_xiala i:nth-child(2) {

    transition-delay: 700ms;

}



.nav_xiala .erji_xiala i:nth-child(3) {

    transition-delay: 650ms;

}



.nav_xiala .erji_xiala i:nth-child(4) {

    transition-delay: 600ms;

}



.nav_xiala .erji_xiala i:nth-child(5) {

    transition-delay: 550ms;

}



.nav_xiala .erji_xiala i:nth-child(6) {

    transition-delay: 500ms;

}



.nav_xiala .erji_xiala i:nth-child(7) {

    transition-delay: 450ms;

}



.nav_xiala .erji_xiala i:nth-child(8) {

    transition-delay: 400ms;

}



.nav_xiala .erji_xiala i:nth-child(9) {

    transition-delay: 350ms;

}



.nav_xiala .erji_xiala i:nth-child(10) {

    transition-delay: 300ms;

}



.nav_xiala .erji_xiala i:nth-child(11) {

    transition-delay: 250ms;

}



.nav_xiala .erji_xiala i:nth-child(12) {

    transition-delay: 200ms;

}



.nav_xiala .erji_xiala i:nth-child(13) {

    transition-delay: 150ms;

}



.nav_xiala .erji_xiala i:nth-child(14) {

    transition-delay: 100ms;

}



.nav_xiala .erji_xiala i:nth-child(15) {

    transition-delay: 50ms;

}





.nav_xiala .sanji_xiala {

    width: auto;

    height: 0px;

    visibility: hidden;

    position: absolute;

    top: 0px;

    left: 160px;

    /*和一级栏目一样left*/

}



.nav_xiala .sanji_xiala span {

    border-bottom: 1px dashed rgba(255, 255, 255, 0.35);

    display: block;

    background: #2a3036;

    text-align: left;

    opacity: 0;

}



.nav_xiala .sanji_xiala span a {

    height: 40px;

    line-height: 40px;

    display: block;

    color: #FFF;

    font-size: 14px;

    padding-left: 10px;

    padding: 0 8px 0 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.nav_xiala .sanji_xiala span a:hover {

    color: #FFF;

    padding-left: 25px;

}





.nav_xiala .sanji_xiala span a {

    background: -webkit-linear-gradient(left, #1b65c1, #1b65c1) no-repeat;

    background: linear-gradient(to right, #1b65c1, #1b65c1) no-repeat;

    background-size: 100% 0%;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.nav_xiala .sanji_xiala span a:hover {

    background: -webkit-linear-gradient(left, #1b65c1, #1b65c1) no-repeat;

    color: #fff;

    background: linear-gradient(to right, #1b65c1, #1b65c1) no-repeat;

    background-size: 100% 100%;

}





.nav_xiala .sanji_xiala_di {

    background: url(../images/liqsub_ss.png) no-repeat center;

    width: 7px;

    height: 11px;

    position: absolute;

    top: 14px;

    right: 5px;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala {

    height: auto;

    visibility: visible;

}



.nav_xiala .sanji_xiala span {

    opacity: 0;

    transform: rotateY(90deg);

    transition: .7s;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span {

    opacity: 1;

    transform: rotateY(0);

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1) {

    transition-delay: 50ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2) {

    transition-delay: 100ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3) {

    transition-delay: 150ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4) {

    transition-delay: 200ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5) {

    transition-delay: 250ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6) {

    transition-delay: 300ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7) {

    transition-delay: 350ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8) {

    transition-delay: 400ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9) {

    transition-delay: 450ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10) {

    transition-delay: 500ms;

}



.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 9999999999999999999999999999999999999999999999999;

    background: #fff;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

    box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

}









/* 导航结束css */











/*首页banner*/



.pics_wrap {

    width: 100%;

    overflow: hidden;

    max-height: 600px;

}



.html5zoo-img-0 img {

    width: 100%;

    vertical-align: top;

}



.html5zoo-arrow-left-0 {

    left: 10% !important;

    width: 50px !important;

    height: 50px !important;

    border-radius: 100%;

}



.html5zoo-arrow-right-0 {

    right: 10% !important;

    width: 50px !important;

    height: 50px !important;

    border-radius: 100%;

}



.html5zoo-bullet-wrapper-0 div {

    margin: 0 4px !important;

}



.html5zoo-nav-0 {

    margin-top: -35px !important;

    left: 48% !important;

}



.html5zoo-bullet-wrapper-0 {

    width: 100% !important;

}



.banner {

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.banner ul.bb {

    position: relative;

    padding: 0px;

    margin: 0px;

    z-index: 5;

}



.banner ul.bb li {

    position: absolute;

    display: none;

}



.banner .num {

    position: absolute;

    right: 2px;

    bottom: 10px;

    z-index: 100;

}



.banner .num li {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin-right: 4px;

    background: #fff;

    line-height: 18px;

    text-indent: -100px;

    overflow: hidden;

    border-radius: 10px;

}



.banner .num li.num_hover {

    background-color: #f7de07;

}



.banner .num li.num_hover a {

    color: #fff;

}



.banner .num li a {

    float: left;

    display: block;

    text-align: center;

    color: #666;

    text-decoration: none;

    cursor: pointer;

    width: 18px;

    height: 18px;

    line-height: 18px;

}



#bannerArrow,

#bannerCircle {

    display: none;

}



/*幻灯片样式2*/

#focus {

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

}



#focus ul {

    height: 188px;

    position: absolute;

}



#focus ul li {

    float: left;

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

    background: #000;

}



#focus ul li a img {

    height: 188px;

    width: 255px;

}



#focus ul li div {

    position: absolute;

    overflow: hidden;

}



#focus .btnBg {

    position: absolute;

    width: 255px;

    height: 20px;

    left: 0;

    bottom: 0;

    background: #000;

}



#focus .btn {

    position: absolute;

    width: 255px;

    height: 10px;

    padding: 5px 10px;

    right: 0;

    bottom: 0;

    text-align: right;

}



#focus .btn span {

    display: inline-block;

    _display: inline;

    _zoom: 1;

    width: 25px;

    height: 10px;

    _font-size: 0;

    margin-left: 5px;

    cursor: pointer;

    background: #fff;

}



#focus .btn span.on {

    background: #fff;

}



/* banner 结束 */











a {

    cursor: pointer !important;

}





/* 底部信息 */

.footer {

    width: 100%;

    height: auto;

    background: #f2f2f2;

    position: relative;

    padding-top: 40px;

    box-sizing: content-box;

    overflow: hidden;

    cursor: default !important;

}



.footer .list {

    width: 1300px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

}



.footer .list li {

    float: left;

    width: 130px; 

    float: left;

    margin: 0 37px 30px 0;

    overflow: hidden;

}



.footer .list li:nth-of-type(8n) {

    margin-right: 0;

}



.footer .list li p {

    font-size: 14px;

    line-height: 16px;

    color: #0d0d0d;

    font-weight: bold;

    margin-bottom: 10px;

}



.footer .list li a {

    display: block;

    font-size: 12px;

    line-height: 13px;

    color: #333;

    box-sizing: content-box;

    margin-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.footer .list li a:hover {

    color: #1b65c1;

    -webkit-transition: all .5s;

    transition: all .5s;

}



 





.footer .bottom .center {

    width: 1300px;

    height: 32px;

    margin: 0 auto;

    overflow: hidden;

}



.footer .bottom .center .links {

    width: 1070px;

    height: 32px;

    float: left;

    overflow: hidden;

}



.footer .bottom .center .links .left {

    width: 150px;

    height: 32px;

    float: left;

    background: url(../images/links.png) left center no-repeat;

    font-size: 22px;

    text-align: right;

    color: #fff;

    font-weight: bold;

}



.footer .bottom .center .links .lk {

    width: 900px;

    float: right;

    height: 32px;

    line-height: 32px;

    overflow: hidden;

}



.footer .bottom .center .links .lk a {

    display: block;

    width: auto;

    margin-right: 30px;

    font-size: 14px;

    color: #fff;

    float: left;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.footer .bottom .center .links .lk a:hover {

    color: #fff;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.footer .bottom .center .links .lk a:last-child {

    margin-right: 0;

}



.footer .bottom .center .xy {

    width: 178px;

    height: 30px;

    border: solid 1px #4984cd;

    text-align: center;

    line-height: 30px;

    float: right;

    font-size: 14px;

    color: #7c9dd5;

    overflow: hidden;

    display: none;

}



.footer .copy {

    width: 1300px;

    height: 25px;

    line-height: 25px;

    margin: 20px auto 0 auto;

    display: flex;

    justify-content: space-between;

}



.footer .copy p {

    font-size: 14px;

    color: #fff;

    float: left;

}



.footer .copy p a {

    color: #fff;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.footer .copy p a:hover {

    color: #fff;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.footer .copy p img {

    vertical-align: middle;

}







.bdshare-slide-button-box {

    top: 400px !important;

}







@font-face {



    font-family: 'DroidSansFallback';



    src: url(../fonts/DroidSansFallback.ttf);



}





.footer .bottom{width:100%;height:auto;padding:20px 0;box-sizing:content-box; background:#1b65c1;position:relative;display: block !important;}